/** @jsxImportSource @emotion/react */
import * as React from "react";
import {Embed, Text,} from "customize-easy-ui-component";
import {FadeImage} from "../../../comp/FadeImage";
import Img_Fbpi from "../../../images/FBPI.png";

/**首页就是 单独一个证书（单纸张） 的 极度紧凑的版本。
 * @param
 * 如果用position: 'fixed'： 局限性 网页打印内容超过1张纸地，导致 多页纸张头部都会出现这个如果用position: 'fixed'的两个DOM ！毛病！。# position: 'fixed',一次只打印唯一一张纸
 * */
export const ReportFirstPageHeadBoilCert= ({theme , rep, mbbm, } :{theme: any, rep:any, mbbm?:string}
) => {
  return <div css={{direction: 'rtl', height: '3rem',overflow: 'hidden'}}>
            <div css={{width: 'fit-content' }}>
                <Text variant="h6" css={{
                     position: 'relative',top: '-0.4rem',right:'1.5rem',zIndex:9, fontSize:'0.8rem',
                }}>{mbbm? mbbm : <>&nbsp;</>}</Text>
                <Embed css={{
                     position: 'relative',top: '-1.9rem',right:0, width: "120px",margin: "auto",
                }} width={78} height={35}>
                          <FadeImage src={Img_Fbpi}/>
                </Embed>
           </div>
     </div>;
};
